06 Intro to React
React
介绍
react是一个开源JavaScript库,其中包含很多组件(component),每个组件是一个“fake HTML tag”。组件可以在一个文件里(抽象地)实现一系列html、css、js的功能。其中各种组件以一定结构(类似树)组织在一起。

props
props 代表从亲组件到子组件中传递的信息。react可以通过亲组件决定子组件的各种属性,它是不可变的,并且不能子到亲反向传递。

state
state代表组件所维护的信息,它是可变的,可以根据程序设置或用户输入修改。
以post state为例,对于post(亲组件),它没有props,只有state,state存储了各条评论(子组件)。而子组件没有state只有props:评论发出后就不可修改,但评论数、评论如何修改可变。

更进一步地,现在要给评论添加回复功能,注意回复有默认全部隐藏/全部显示两种状态,并且评论的内容一旦发布就不可变。那么,合理的解决方案是给评论增加state,将回复作为评论的子组件,通过state调整回复隐藏/显示。

组件结构(component structure)
props和state共同构成了component structure。下图是前两部分的总结:
